<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>主题变量 | MyUI 4.x</title>
    <meta name="generator" content="VuePress 1.7.1">
    <link rel="icon" href="/my/favicon.ico">
    <script>
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?c4e5f73318b5cb0c389e3d9a05f831cc";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>
    <meta name="description" content="MyUI是美亚柏科旗下新德汇出品的Web前端一站式项目工程框架，专注于公检法行业中台系统快速搭建，框架已在多个项目实战检验。">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    
    <link rel="preload" href="/my/assets/css/0.styles.82a18d97.css" as="style"><link rel="preload" href="/my/assets/js/app.fc4964fc.js" as="script"><link rel="preload" href="/my/assets/js/513.edb84f11.js" as="script"><link rel="preload" href="/my/assets/js/1389.0df4deb0.js" as="script">
    <link rel="stylesheet" href="/my/assets/css/0.styles.82a18d97.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/my/" class="home-link router-link-active"><img src="/my/img/logo.png" alt="MyUI 4.x" class="logo"> <span class="site-name can-hide">MyUI 4.x</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/my/guide/" class="nav-link router-link-active">
  指南
</a></div><div class="nav-item"><a href="/my/ui/components/" class="nav-link">
  组件
</a></div><div class="nav-item"><a href="/my/ui/charts/" class="nav-link">
  图表
</a></div><div class="nav-item"><a href="/my/ui/map/" class="nav-link">
  地图
</a></div><div class="nav-item"><a href="/my/ui/go/" class="nav-link">
  关系图
</a></div><div class="nav-item"><a href="/my/ui/icon/" class="nav-link">
  图标
</a></div><div class="nav-item"><a href="/my/ui/pages/" class="nav-link">
  页面
</a></div><div class="nav-item"><a href="http://newgateway.gitee.io/my-web/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  演示
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="JSDoc" class="dropdown-title"><span class="title">JSDoc</span> <span class="arrow down"></span></button> <button type="button" aria-label="JSDoc" class="mobile-dropdown-title"><span class="title">JSDoc</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/my/api/components.html" class="nav-link">
  基础组件
</a></li><li class="dropdown-item"><!----> <a href="/my/api/utils.html" class="nav-link">
  工具函数
</a></li><li class="dropdown-item"><!----> <a href="/my/api/charts.html" class="nav-link">
  图表组件
</a></li><li class="dropdown-item"><!----> <a href="/my/api/map.html" class="nav-link">
  地图组件
</a></li></ul></div></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/my/guide/" class="nav-link router-link-active">
  指南
</a></div><div class="nav-item"><a href="/my/ui/components/" class="nav-link">
  组件
</a></div><div class="nav-item"><a href="/my/ui/charts/" class="nav-link">
  图表
</a></div><div class="nav-item"><a href="/my/ui/map/" class="nav-link">
  地图
</a></div><div class="nav-item"><a href="/my/ui/go/" class="nav-link">
  关系图
</a></div><div class="nav-item"><a href="/my/ui/icon/" class="nav-link">
  图标
</a></div><div class="nav-item"><a href="/my/ui/pages/" class="nav-link">
  页面
</a></div><div class="nav-item"><a href="http://newgateway.gitee.io/my-web/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  演示
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="JSDoc" class="dropdown-title"><span class="title">JSDoc</span> <span class="arrow down"></span></button> <button type="button" aria-label="JSDoc" class="mobile-dropdown-title"><span class="title">JSDoc</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/my/api/components.html" class="nav-link">
  基础组件
</a></li><li class="dropdown-item"><!----> <a href="/my/api/utils.html" class="nav-link">
  工具函数
</a></li><li class="dropdown-item"><!----> <a href="/my/api/charts.html" class="nav-link">
  图表组件
</a></li><li class="dropdown-item"><!----> <a href="/my/api/map.html" class="nav-link">
  地图组件
</a></li></ul></div></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>开发指南</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading open"><span>内置资源</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/my/guide/color.html" class="sidebar-link">色彩</a></li><li><a href="/my/guide/theme.html" class="sidebar-link">内置主题</a></li><li><a href="/my/guide/vars.html" aria-current="page" class="active sidebar-link">主题变量</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/my/guide/vars.html#内置scss变量" class="sidebar-link">内置SCSS变量</a></li><li class="sidebar-sub-header"><a href="/my/guide/vars.html#调色板变量" class="sidebar-link">调色板变量</a></li></ul></li></ul></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>进阶教程</span> <span class="arrow right"></span></p> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>第三方类库</span> <span class="arrow right"></span></p> <!----></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="主题变量"><a href="#主题变量" class="header-anchor">#</a> 主题变量</h1> <p>MyWeb主题使用SCSS预处理。 在项目开发中可以使用已定义好的变量。</p> <h2 id="内置scss变量"><a href="#内置scss变量" class="header-anchor">#</a> 内置SCSS变量</h2> <div class="language-scss line-numbers-mode"><pre class="language-scss"><code><span class="token keyword">@import</span> <span class="token string">&quot;colors&quot;</span><span class="token punctuation">;</span>

<span class="token property"><span class="token variable">$--font-family</span></span><span class="token punctuation">:</span> -apple-system<span class="token punctuation">,</span> BlinkMacSystemFont<span class="token punctuation">,</span> <span class="token string">'Segoe UI'</span><span class="token punctuation">,</span> <span class="token string">'PingFang SC'</span><span class="token punctuation">,</span> <span class="token string">'Hiragino Sans GB'</span><span class="token punctuation">,</span> <span class="token string">'Microsoft YaHei'</span><span class="token punctuation">,</span> <span class="token string">'Helvetica Neue'</span><span class="token punctuation">,</span> Helvetica<span class="token punctuation">,</span> Arial<span class="token punctuation">,</span> sans-serif<span class="token punctuation">,</span> <span class="token string">'Apple Color Emoji'</span><span class="token punctuation">,</span> <span class="token string">'Segoe UI Emoji'</span><span class="token punctuation">,</span> <span class="token string">'Segoe UI Symbol'</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 字体基数，以分辨率1920为标准</span>
<span class="token property"><span class="token variable">$--base</span></span><span class="token punctuation">:</span> 14px <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 页面背景色</span>
<span class="token property"><span class="token variable">$--background</span></span><span class="token punctuation">:</span> <span class="token variable">$white</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 页面前景色</span>
<span class="token property"><span class="token variable">$--color</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-2</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 主色和色阶</span>
<span class="token property"><span class="token variable">$--color-primary</span></span><span class="token punctuation">:</span> <span class="token variable">$blue-primary</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-primary-light-1</span></span><span class="token punctuation">:</span> <span class="token variable">$blue-1</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-primary-light-2</span></span><span class="token punctuation">:</span> <span class="token variable">$blue-2</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-primary-light-3</span></span><span class="token punctuation">:</span> <span class="token variable">$blue-3</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-primary-light-4</span></span><span class="token punctuation">:</span> <span class="token variable">$blue-4</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-primary-light-5</span></span><span class="token punctuation">:</span> <span class="token variable">$blue-5</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-primary-light-6</span></span><span class="token punctuation">:</span> <span class="token variable">$blue-6</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-primary-light-7</span></span><span class="token punctuation">:</span> <span class="token variable">$blue-7</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-primary-light-8</span></span><span class="token punctuation">:</span> <span class="token variable">$blue-8</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-primary-light-9</span></span><span class="token punctuation">:</span> <span class="token variable">$blue-9</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-primary-light-10</span></span><span class="token punctuation">:</span> <span class="token variable">$blue-10</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 辅助色</span>
<span class="token property"><span class="token variable">$--color-success</span></span><span class="token punctuation">:</span> <span class="token variable">$green-primary</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-success-light</span></span><span class="token punctuation">:</span> <span class="token variable">$green-9</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-success-lighter</span></span><span class="token punctuation">:</span> <span class="token variable">$green-10</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token property"><span class="token variable">$--color-warning</span></span><span class="token punctuation">:</span> <span class="token variable">$gold-primary</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-warning-light</span></span><span class="token punctuation">:</span> <span class="token variable">$gold-9</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-warning-lighter</span></span><span class="token punctuation">:</span> <span class="token variable">$gold-10</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token property"><span class="token variable">$--color-danger</span></span><span class="token punctuation">:</span> <span class="token variable">$red-primary</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-danger-light</span></span><span class="token punctuation">:</span> <span class="token variable">$red-9</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-danger-lighter</span></span><span class="token punctuation">:</span> <span class="token variable">$red-10</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token property"><span class="token variable">$--color-info</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-5</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-info-light</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-7</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-info-lighter</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-8</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 中性色(浅色背景)</span>
<span class="token property"><span class="token variable">$--color-title</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-1</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-primary-text</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-2</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-normal-text</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-3</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-secondary-text</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-4</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-placeholder</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-5</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-border</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-6</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-divider</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-7</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-background</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-7</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-table-header</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-8</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-table-stripe</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-9</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-split</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-9</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--color-mask</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-white-2</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 字体大小</span>
<span class="token property"><span class="token variable">$--font-size</span></span><span class="token punctuation">:</span> 1rem <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--font-size-extra-large</span></span><span class="token punctuation">:</span> <span class="token punctuation">(</span>24px/<span class="token variable">$--base</span><span class="token punctuation">)</span> <span class="token operator">*</span> <span class="token variable">$--font-size</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--font-size-large</span></span><span class="token punctuation">:</span> <span class="token punctuation">(</span>20px/<span class="token variable">$--base</span><span class="token punctuation">)</span> <span class="token operator">*</span> <span class="token variable">$--font-size</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--font-size-medium</span></span><span class="token punctuation">:</span> <span class="token punctuation">(</span>18px/<span class="token variable">$--base</span><span class="token punctuation">)</span> <span class="token operator">*</span> <span class="token variable">$--font-size</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--font-size-normal</span></span><span class="token punctuation">:</span> <span class="token punctuation">(</span>16px/<span class="token variable">$--base</span><span class="token punctuation">)</span> <span class="token operator">*</span> <span class="token variable">$--font-size</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--font-size-small</span></span><span class="token punctuation">:</span> <span class="token punctuation">(</span>14px/<span class="token variable">$--base</span><span class="token punctuation">)</span> <span class="token operator">*</span> <span class="token variable">$--font-size</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--font-size-extra-small</span></span><span class="token punctuation">:</span> 12px <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 行高</span>
<span class="token property"><span class="token variable">$--line-height-normal</span></span><span class="token punctuation">:</span> 1.5em <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--line-height-large</span></span><span class="token punctuation">:</span> 2em <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--line-height-small</span></span><span class="token punctuation">:</span> 1.3em <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--line-height-none</span></span><span class="token punctuation">:</span> 1em <span class="token statement keyword">!default</span><span class="token punctuation">;</span>


<span class="token comment">// 边距</span>
<span class="token property"><span class="token variable">$--padding-normal</span></span><span class="token punctuation">:</span> 1rem <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--padding-large</span></span><span class="token punctuation">:</span> <span class="token variable">$--padding-normal</span> <span class="token operator">*</span> 1.5 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--padding-small</span></span><span class="token punctuation">:</span> <span class="token variable">$--padding-normal</span> <span class="token operator">*</span> 0.5 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--padding-none</span></span><span class="token punctuation">:</span> 0 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 边框</span>
<span class="token property"><span class="token variable">$--border-base</span></span><span class="token punctuation">:</span> 1px solid <span class="token variable">$--color-border</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--border-dashed</span></span><span class="token punctuation">:</span> 2px dashed <span class="token variable">$--color-border</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 圆角</span>
<span class="token property"><span class="token variable">$--border-radius-large</span></span><span class="token punctuation">:</span> 8px <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--border-radius-base</span></span><span class="token punctuation">:</span> 4px <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--border-radius-small</span></span><span class="token punctuation">:</span> 2px <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--border-radius-circle</span></span><span class="token punctuation">:</span> 100% <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--border-radius-none</span></span><span class="token punctuation">:</span> 0 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 阴影</span>
<span class="token property"><span class="token variable">$--box-shadow-base</span></span><span class="token punctuation">:</span> 0 2px 4px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> .12<span class="token punctuation">)</span><span class="token punctuation">,</span> 0 0 6px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> .04<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--box-shadow-dark</span></span><span class="token punctuation">:</span> 0 2px 4px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> .12<span class="token punctuation">)</span><span class="token punctuation">,</span> 0 0 6px <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> .12<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--box-shadow-light</span></span><span class="token punctuation">:</span> 0 2px 12px 0 <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0.1<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 链接</span>
<span class="token property"><span class="token variable">$--link-color</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--link-hover-color</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary-light-6</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 禁用</span>
<span class="token property"><span class="token variable">$--disabled-fill</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-8</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--disabled-color</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-5</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--disabled-border-color</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-7</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// z-index</span>
<span class="token property"><span class="token variable">$--index-normal</span></span><span class="token punctuation">:</span> 1 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--index-top</span></span><span class="token punctuation">:</span> 1000 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--index-popper</span></span><span class="token punctuation">:</span> 2000 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// Icon</span>
<span class="token property"><span class="token variable">$--icon-color</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-normal-text</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 导航菜单</span>
<span class="token property"><span class="token variable">$--nav-light-background</span></span><span class="token punctuation">:</span> <span class="token variable">$--background</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--nav-light-item-background-hover</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary-light-10</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--nav-light-item-background-active</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary-light-10</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--nav-light-item-color</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-3</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--nav-light-item-color-hover</span></span><span class="token punctuation">:</span> <span class="token variable">$neutral-black-2</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--nav-light-item-color-active</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--nav-light-submenu-color-active</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary-text</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--nav-light-collapsed-color-active</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--nav-light-item-border-color-active</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--nav-light-item-horizontal-color-active</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>

<span class="token comment">// 修复ElementUI</span>
<span class="token property"><span class="token variable">$--pagination-background-color</span></span><span class="token punctuation">:</span> transparent <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--pagination-button-disabled-background-color</span></span><span class="token punctuation">:</span> transparent <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--tooltip-light-color</span></span><span class="token punctuation">:</span> <span class="token variable">$--color</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--button-default-hover-color</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--button-default-hover-border-color</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary-light-8</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--button-default-hover-background-color</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary-light-10</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$--dialog-dark-border-color</span></span><span class="token punctuation">:</span> <span class="token variable">$--color-primary-light-1</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br><span class="line-number">62</span><br><span class="line-number">63</span><br><span class="line-number">64</span><br><span class="line-number">65</span><br><span class="line-number">66</span><br><span class="line-number">67</span><br><span class="line-number">68</span><br><span class="line-number">69</span><br><span class="line-number">70</span><br><span class="line-number">71</span><br><span class="line-number">72</span><br><span class="line-number">73</span><br><span class="line-number">74</span><br><span class="line-number">75</span><br><span class="line-number">76</span><br><span class="line-number">77</span><br><span class="line-number">78</span><br><span class="line-number">79</span><br><span class="line-number">80</span><br><span class="line-number">81</span><br><span class="line-number">82</span><br><span class="line-number">83</span><br><span class="line-number">84</span><br><span class="line-number">85</span><br><span class="line-number">86</span><br><span class="line-number">87</span><br><span class="line-number">88</span><br><span class="line-number">89</span><br><span class="line-number">90</span><br><span class="line-number">91</span><br><span class="line-number">92</span><br><span class="line-number">93</span><br><span class="line-number">94</span><br><span class="line-number">95</span><br><span class="line-number">96</span><br><span class="line-number">97</span><br><span class="line-number">98</span><br><span class="line-number">99</span><br><span class="line-number">100</span><br><span class="line-number">101</span><br><span class="line-number">102</span><br><span class="line-number">103</span><br><span class="line-number">104</span><br><span class="line-number">105</span><br><span class="line-number">106</span><br><span class="line-number">107</span><br><span class="line-number">108</span><br><span class="line-number">109</span><br><span class="line-number">110</span><br><span class="line-number">111</span><br><span class="line-number">112</span><br><span class="line-number">113</span><br><span class="line-number">114</span><br><span class="line-number">115</span><br><span class="line-number">116</span><br><span class="line-number">117</span><br><span class="line-number">118</span><br><span class="line-number">119</span><br><span class="line-number">120</span><br><span class="line-number">121</span><br><span class="line-number">122</span><br><span class="line-number">123</span><br><span class="line-number">124</span><br><span class="line-number">125</span><br><span class="line-number">126</span><br><span class="line-number">127</span><br><span class="line-number">128</span><br><span class="line-number">129</span><br><span class="line-number">130</span><br><span class="line-number">131</span><br><span class="line-number">132</span><br></div></div><h2 id="调色板变量"><a href="#调色板变量" class="header-anchor">#</a> 调色板变量</h2> <div class="language-scss line-numbers-mode"><pre class="language-scss"><code><span class="token comment">// base</span>
<span class="token property"><span class="token variable">$black</span></span><span class="token punctuation">:</span> #000 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$white</span></span><span class="token punctuation">:</span> #fff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$none</span></span><span class="token punctuation">:</span> transparent <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// red</span>
<span class="token property"><span class="token variable">$red-primary</span></span><span class="token punctuation">:</span> #f5222d <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$red-1</span></span><span class="token punctuation">:</span> #5c0011 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$red-2</span></span><span class="token punctuation">:</span> #820014 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$red-3</span></span><span class="token punctuation">:</span> #a8071a <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$red-4</span></span><span class="token punctuation">:</span> #cf1322 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$red-5</span></span><span class="token punctuation">:</span> #f5222d <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$red-6</span></span><span class="token punctuation">:</span> #ff4d4f <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$red-7</span></span><span class="token punctuation">:</span> #ff7875 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$red-8</span></span><span class="token punctuation">:</span> #ffa39e <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$red-9</span></span><span class="token punctuation">:</span> #ffccc7 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$red-10</span></span><span class="token punctuation">:</span> #fff1f0 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// volcano</span>
<span class="token property"><span class="token variable">$volcano-primary</span></span><span class="token punctuation">:</span> #fa541c <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$volcano-1</span></span><span class="token punctuation">:</span> #610b00 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$volcano-2</span></span><span class="token punctuation">:</span> #871400 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$volcano-3</span></span><span class="token punctuation">:</span> #ad2102 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$volcano-4</span></span><span class="token punctuation">:</span> #d4380d <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$volcano-5</span></span><span class="token punctuation">:</span> #fa541c <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$volcano-6</span></span><span class="token punctuation">:</span> #ff7a45 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$volcano-7</span></span><span class="token punctuation">:</span> #ff9c6e <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$volcano-8</span></span><span class="token punctuation">:</span> #ffbb96 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$volcano-9</span></span><span class="token punctuation">:</span> #ffd8bf <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$volcano-10</span></span><span class="token punctuation">:</span> #fff2e8 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// orange</span>
<span class="token property"><span class="token variable">$orange-primary</span></span><span class="token punctuation">:</span> #fa8c16 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$orange-1</span></span><span class="token punctuation">:</span> #612500 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$orange-2</span></span><span class="token punctuation">:</span> #873800 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$orange-3</span></span><span class="token punctuation">:</span> #ad4e00 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$orange-4</span></span><span class="token punctuation">:</span> #d46b08 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$orange-5</span></span><span class="token punctuation">:</span> #fa8c16 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$orange-6</span></span><span class="token punctuation">:</span> #ffa940 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$orange-7</span></span><span class="token punctuation">:</span> #ffc069 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$orange-8</span></span><span class="token punctuation">:</span> #ffd591 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$orange-9</span></span><span class="token punctuation">:</span> #ffe7ba <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$orange-10</span></span><span class="token punctuation">:</span> #fff7e6 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// gold</span>
<span class="token property"><span class="token variable">$gold-primary</span></span><span class="token punctuation">:</span> #faad14 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$gold-1</span></span><span class="token punctuation">:</span> #613400 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$gold-2</span></span><span class="token punctuation">:</span> #874d00 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$gold-3</span></span><span class="token punctuation">:</span> #ad6800 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$gold-4</span></span><span class="token punctuation">:</span> #d48806 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$gold-5</span></span><span class="token punctuation">:</span> #faad14 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$gold-6</span></span><span class="token punctuation">:</span> #ffc53d <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$gold-7</span></span><span class="token punctuation">:</span> #ffd666 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$gold-8</span></span><span class="token punctuation">:</span> #ffe58f <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$gold-9</span></span><span class="token punctuation">:</span> #fff1b8 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$gold-10</span></span><span class="token punctuation">:</span> #fffbe6 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// yellow</span>
<span class="token property"><span class="token variable">$yellow-primary</span></span><span class="token punctuation">:</span> #fadb14 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$yellow-1</span></span><span class="token punctuation">:</span> #614700 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$yellow-2</span></span><span class="token punctuation">:</span> #876800 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$yellow-3</span></span><span class="token punctuation">:</span> #ad8b00 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$yellow-4</span></span><span class="token punctuation">:</span> #d4b106 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$yellow-5</span></span><span class="token punctuation">:</span> #fadb14 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$yellow-6</span></span><span class="token punctuation">:</span> #ffec3d <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$yellow-7</span></span><span class="token punctuation">:</span> #fff566 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$yellow-8</span></span><span class="token punctuation">:</span> #fffb8f <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$yellow-9</span></span><span class="token punctuation">:</span> #ffffb8 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$yellow-10</span></span><span class="token punctuation">:</span> #feffe6 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// lime</span>
<span class="token property"><span class="token variable">$lime-primary</span></span><span class="token punctuation">:</span> #a0d911 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$lime-1</span></span><span class="token punctuation">:</span> #254000 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$lime-2</span></span><span class="token punctuation">:</span> #3f6600 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$lime-3</span></span><span class="token punctuation">:</span> #5b8c00 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$lime-4</span></span><span class="token punctuation">:</span> #7cb305 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$lime-5</span></span><span class="token punctuation">:</span> #a0d911 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$lime-6</span></span><span class="token punctuation">:</span> #bae637 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$lime-7</span></span><span class="token punctuation">:</span> #d3f261 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$lime-8</span></span><span class="token punctuation">:</span> #eaff8f <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$lime-9</span></span><span class="token punctuation">:</span> #f4ffb8 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$lime-10</span></span><span class="token punctuation">:</span> #fcffe6 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// green</span>
<span class="token property"><span class="token variable">$green-primary</span></span><span class="token punctuation">:</span> #52c41a <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$green-1</span></span><span class="token punctuation">:</span> #092b00 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$green-2</span></span><span class="token punctuation">:</span> #135200 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$green-3</span></span><span class="token punctuation">:</span> #237804 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$green-4</span></span><span class="token punctuation">:</span> #389e0d <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$green-5</span></span><span class="token punctuation">:</span> #52c41a <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$green-6</span></span><span class="token punctuation">:</span> #73d13d <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$green-7</span></span><span class="token punctuation">:</span> #95de64 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$green-8</span></span><span class="token punctuation">:</span> #b7eb8f <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$green-9</span></span><span class="token punctuation">:</span> #d9f7be <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$green-10</span></span><span class="token punctuation">:</span> #f6ffed <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// cyan</span>
<span class="token property"><span class="token variable">$cyan-primary</span></span><span class="token punctuation">:</span> #13c2c2 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$cyan-1</span></span><span class="token punctuation">:</span> #002329 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$cyan-2</span></span><span class="token punctuation">:</span> #00474f <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$cyan-3</span></span><span class="token punctuation">:</span> #006d75 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$cyan-4</span></span><span class="token punctuation">:</span> #08979c <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$cyan-5</span></span><span class="token punctuation">:</span> #13c2c2 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$cyan-6</span></span><span class="token punctuation">:</span> #36cfc9 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$cyan-7</span></span><span class="token punctuation">:</span> #5cdbd3 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$cyan-8</span></span><span class="token punctuation">:</span> #87e8de <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$cyan-9</span></span><span class="token punctuation">:</span> #b5f5ec <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$cyan-10</span></span><span class="token punctuation">:</span> #e6fffb <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// blue</span>
<span class="token property"><span class="token variable">$blue-primary</span></span><span class="token punctuation">:</span> #1890ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$blue-1</span></span><span class="token punctuation">:</span> #002766 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$blue-2</span></span><span class="token punctuation">:</span> #003a8c <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$blue-3</span></span><span class="token punctuation">:</span> #0050b3 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$blue-4</span></span><span class="token punctuation">:</span> #096dd9 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$blue-5</span></span><span class="token punctuation">:</span> #1890ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$blue-6</span></span><span class="token punctuation">:</span> #40a9ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$blue-7</span></span><span class="token punctuation">:</span> #69c0ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$blue-8</span></span><span class="token punctuation">:</span> #91d5ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$blue-9</span></span><span class="token punctuation">:</span> #bae7ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$blue-10</span></span><span class="token punctuation">:</span> #e6f7ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// geekblue</span>
<span class="token property"><span class="token variable">$geekblue-primary</span></span><span class="token punctuation">:</span> #2f54eb <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$geekblue-1</span></span><span class="token punctuation">:</span> #030852 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$geekblue-2</span></span><span class="token punctuation">:</span> #061178 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$geekblue-3</span></span><span class="token punctuation">:</span> #10239e <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$geekblue-4</span></span><span class="token punctuation">:</span> #1d39c4 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$geekblue-5</span></span><span class="token punctuation">:</span> #2f54eb <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$geekblue-6</span></span><span class="token punctuation">:</span> #597ef7 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$geekblue-7</span></span><span class="token punctuation">:</span> #85a5ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$geekblue-8</span></span><span class="token punctuation">:</span> #adc6ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$geekblue-9</span></span><span class="token punctuation">:</span> #d6e4ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$geekblue-10</span></span><span class="token punctuation">:</span> #f0f5ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// purple</span>
<span class="token property"><span class="token variable">$purple-primary</span></span><span class="token punctuation">:</span> #722ed1 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$purple-1</span></span><span class="token punctuation">:</span> #120338 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$purple-2</span></span><span class="token punctuation">:</span> #22075e <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$purple-3</span></span><span class="token punctuation">:</span> #391085 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$purple-4</span></span><span class="token punctuation">:</span> #531dab <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$purple-5</span></span><span class="token punctuation">:</span> #722ed1 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$purple-6</span></span><span class="token punctuation">:</span> #9254de <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$purple-7</span></span><span class="token punctuation">:</span> #b37feb <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$purple-8</span></span><span class="token punctuation">:</span> #d3adf7 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$purple-9</span></span><span class="token punctuation">:</span> #efdbff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$purple-10</span></span><span class="token punctuation">:</span> #f9f0ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// magenta</span>
<span class="token property"><span class="token variable">$magenta-primary</span></span><span class="token punctuation">:</span> #eb2f96 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$magenta-1</span></span><span class="token punctuation">:</span> #520339 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$magenta-2</span></span><span class="token punctuation">:</span> #780650 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$magenta-3</span></span><span class="token punctuation">:</span> #9e1068 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$magenta-4</span></span><span class="token punctuation">:</span> #c41d7f <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$magenta-5</span></span><span class="token punctuation">:</span> #eb2f96 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$magenta-6</span></span><span class="token punctuation">:</span> #f759ab <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$magenta-7</span></span><span class="token punctuation">:</span> #ff85c0 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$magenta-8</span></span><span class="token punctuation">:</span> #ffadd2 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$magenta-9</span></span><span class="token punctuation">:</span> #ffd6e7 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$magenta-10</span></span><span class="token punctuation">:</span> #fff0f6 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// grey</span>
<span class="token property"><span class="token variable">$grey-primary</span></span><span class="token punctuation">:</span> #666666 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$grey-1</span></span><span class="token punctuation">:</span> #000000 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$grey-2</span></span><span class="token punctuation">:</span> #000000 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$grey-3</span></span><span class="token punctuation">:</span> #1a1a1a <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$grey-4</span></span><span class="token punctuation">:</span> #404040 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$grey-5</span></span><span class="token punctuation">:</span> #666666 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$grey-6</span></span><span class="token punctuation">:</span> #737373 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$grey-7</span></span><span class="token punctuation">:</span> #808080 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$grey-8</span></span><span class="token punctuation">:</span> #8c8c8c <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$grey-9</span></span><span class="token punctuation">:</span> #999999 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$grey-10</span></span><span class="token punctuation">:</span> #a6a6a6 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// custom</span>
<span class="token property"><span class="token variable">$custom-primary</span></span><span class="token punctuation">:</span> #409EFF <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$custom-1</span></span><span class="token punctuation">:</span> #092b66 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$custom-2</span></span><span class="token punctuation">:</span> #0e418c <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$custom-3</span></span><span class="token punctuation">:</span> #1b5db3 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$custom-4</span></span><span class="token punctuation">:</span> #2b7cd9 <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$custom-5</span></span><span class="token punctuation">:</span> #409eff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$custom-6</span></span><span class="token punctuation">:</span> #69b9ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$custom-7</span></span><span class="token punctuation">:</span> #91cfff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$custom-8</span></span><span class="token punctuation">:</span> #bae3ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$custom-9</span></span><span class="token punctuation">:</span> #e3f5ff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$custom-10</span></span><span class="token punctuation">:</span> #f0faff <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// neutral-black</span>
<span class="token property"><span class="token variable">$neutral-black-1</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 1<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-black-2</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0.85<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-black-3</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0.65<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-black-4</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0.45<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-black-5</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0.25<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-black-6</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0.15<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-black-7</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0.09<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-black-8</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0.04<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-black-9</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0.02<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-black-10</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">,</span> 0<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token comment">// neutral-white</span>
<span class="token property"><span class="token variable">$neutral-white-1</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 1<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-white-2</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 0.85<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-white-3</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 0.65<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-white-4</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 0.45<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-white-5</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 0.25<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-white-6</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 0.15<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-white-7</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 0.09<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-white-8</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 0.04<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-white-9</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 0.02<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span>
<span class="token property"><span class="token variable">$neutral-white-10</span></span><span class="token punctuation">:</span> <span class="token function">rgba</span><span class="token punctuation">(</span>255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 255<span class="token punctuation">,</span> 0<span class="token punctuation">)</span> <span class="token statement keyword">!default</span><span class="token punctuation">;</span></code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br><span class="line-number">61</span><br><span class="line-number">62</span><br><span class="line-number">63</span><br><span class="line-number">64</span><br><span class="line-number">65</span><br><span class="line-number">66</span><br><span class="line-number">67</span><br><span class="line-number">68</span><br><span class="line-number">69</span><br><span class="line-number">70</span><br><span class="line-number">71</span><br><span class="line-number">72</span><br><span class="line-number">73</span><br><span class="line-number">74</span><br><span class="line-number">75</span><br><span class="line-number">76</span><br><span class="line-number">77</span><br><span class="line-number">78</span><br><span class="line-number">79</span><br><span class="line-number">80</span><br><span class="line-number">81</span><br><span class="line-number">82</span><br><span class="line-number">83</span><br><span class="line-number">84</span><br><span class="line-number">85</span><br><span class="line-number">86</span><br><span class="line-number">87</span><br><span class="line-number">88</span><br><span class="line-number">89</span><br><span class="line-number">90</span><br><span class="line-number">91</span><br><span class="line-number">92</span><br><span class="line-number">93</span><br><span class="line-number">94</span><br><span class="line-number">95</span><br><span class="line-number">96</span><br><span class="line-number">97</span><br><span class="line-number">98</span><br><span class="line-number">99</span><br><span class="line-number">100</span><br><span class="line-number">101</span><br><span class="line-number">102</span><br><span class="line-number">103</span><br><span class="line-number">104</span><br><span class="line-number">105</span><br><span class="line-number">106</span><br><span class="line-number">107</span><br><span class="line-number">108</span><br><span class="line-number">109</span><br><span class="line-number">110</span><br><span class="line-number">111</span><br><span class="line-number">112</span><br><span class="line-number">113</span><br><span class="line-number">114</span><br><span class="line-number">115</span><br><span class="line-number">116</span><br><span class="line-number">117</span><br><span class="line-number">118</span><br><span class="line-number">119</span><br><span class="line-number">120</span><br><span class="line-number">121</span><br><span class="line-number">122</span><br><span class="line-number">123</span><br><span class="line-number">124</span><br><span class="line-number">125</span><br><span class="line-number">126</span><br><span class="line-number">127</span><br><span class="line-number">128</span><br><span class="line-number">129</span><br><span class="line-number">130</span><br><span class="line-number">131</span><br><span class="line-number">132</span><br><span class="line-number">133</span><br><span class="line-number">134</span><br><span class="line-number">135</span><br><span class="line-number">136</span><br><span class="line-number">137</span><br><span class="line-number">138</span><br><span class="line-number">139</span><br><span class="line-number">140</span><br><span class="line-number">141</span><br><span class="line-number">142</span><br><span class="line-number">143</span><br><span class="line-number">144</span><br><span class="line-number">145</span><br><span class="line-number">146</span><br><span class="line-number">147</span><br><span class="line-number">148</span><br><span class="line-number">149</span><br><span class="line-number">150</span><br><span class="line-number">151</span><br><span class="line-number">152</span><br><span class="line-number">153</span><br><span class="line-number">154</span><br><span class="line-number">155</span><br><span class="line-number">156</span><br><span class="line-number">157</span><br><span class="line-number">158</span><br><span class="line-number">159</span><br><span class="line-number">160</span><br><span class="line-number">161</span><br><span class="line-number">162</span><br><span class="line-number">163</span><br><span class="line-number">164</span><br><span class="line-number">165</span><br><span class="line-number">166</span><br><span class="line-number">167</span><br><span class="line-number">168</span><br><span class="line-number">169</span><br><span class="line-number">170</span><br><span class="line-number">171</span><br><span class="line-number">172</span><br><span class="line-number">173</span><br><span class="line-number">174</span><br><span class="line-number">175</span><br><span class="line-number">176</span><br><span class="line-number">177</span><br><span class="line-number">178</span><br><span class="line-number">179</span><br><span class="line-number">180</span><br><span class="line-number">181</span><br><span class="line-number">182</span><br><span class="line-number">183</span><br><span class="line-number">184</span><br><span class="line-number">185</span><br><span class="line-number">186</span><br><span class="line-number">187</span><br><span class="line-number">188</span><br><span class="line-number">189</span><br><span class="line-number">190</span><br><span class="line-number">191</span><br><span class="line-number">192</span><br><span class="line-number">193</span><br></div></div></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/my/guide/theme.html" class="prev">
        内置主题
      </a></span> <span class="next"><a href="/my/guide/messager.html">
        跨浏览器窗体消息通讯
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"></div></div>
    <script src="/my/assets/js/app.fc4964fc.js" defer></script><script src="/my/assets/js/513.edb84f11.js" defer></script><script src="/my/assets/js/1389.0df4deb0.js" defer></script>
  </body>
</html>
